<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> -->
<html>
<head>
<link rel="stylesheet" type="text/css" href="img/style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>欢迎来到监考安排系统</title>
<script type="text/javascript" src="img/tab.js"></script>
<SCRIPT src="img/jquery.min.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
	var _c = _h = 0;
	$(document).ready(function() {
		$('#play  li').click(function() {
			var i = $(this).attr('alt') - 1;
			clearInterval(_h);
			_c = i;
			//play();
			change(i);
		})
		$("#pic img").hover(function() {
			clearInterval(_h)
		}, function() {
			play()
		});
		play();
	})
	function play() {
		_h = setInterval("auto()", 8000);

	}
	function change(i) {
		$('#play li').css('background-color', '#000000').eq(i).css(
				'background-color', '#FF3000').blur();
		$("#pic img").fadeOut('slow').eq(i).fadeIn('slow');
	}
	function auto() {
		_c = _c > 6 ? 0 : _c + 1;

		change(_c);
	}
</SCRIPT>
<style type="text/css">
.img_switch {
	WIDTH: 1000px;
	HEIGHT: 200px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.img_switch_content {
	HEIGHT: 202px;
	position: relative;
}

.img_switch_text {
	width: 262px;
	position: absolute;
	z-index: 10;
	bottom: 5px;
	left: 10px;
	HEIGHT: 15px;
	z-index: 10000 !important
}

.number_nav {
	DISPLAY: inline;
	FLOAT: left;
}

.number_nav UL {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0px;
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	color: #fff;
}

.number_nav UL LI {
	float: left;
	font-weight: bold;
	background: #000;
	float: left;
	margin-right: 8px;
	width: 23px;
	cursor: pointer;
	line-height: 17px;
	height: 17px;
	text-align: center;
	filter: alpha(opacity =                                             75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#pic {
	OVERFLOW: hidden
}
</style>
<body>
	<div class="top">
		<div class="top_bar">
			<div class="logo"></div>
			<div class="at1">手机访问</div>
			<div class="clear"></div>
		</div>
		<div class="nav">
			<ul>
				<li><a href="index">网站首页</a></li>
				<li><a href="public/searchExams">搜索查询</a></li>
				<li><a href="monitor/MonitorIndex">监考人员中心</a></li>
				<li class="hover"><a href="examinee/UserIndex">考生中心</a></li>
				<li class="hover"><a href="public/ManagementNativ">管理端通道</a></li>
			</ul>
		</div>
	</div>
	<div class="content">
		<div class="main">
			<div class="container">
				<div class="denglu" align="center">
					<div class="tabbox">
						<div class="menu5">
							<ul>
								<li id="one1" onMouseOver="setTab('one',1,2)" class="hover">用户登录</li>
								<li id="one2" onMouseOver="setTab('one',2,2)">考试中心与学校</li>
							</ul>
						</div>
						<div class="con_t1" id="con_one_1">
							<form action="examinee/userLogin" method="post">
								<table width="100%" border="0">
									<tr>
										<td width="60" height="40" align="right">&nbsp;用户名:</td>
										<td><input type="text" class="text2" name="user_Login" />
										</td>
									</tr>
									<tr>
										<td width="60" height="40" align="right">&nbsp;密&nbsp;&nbsp;码:</td>
										<td><input type="password" class="text2"
											name="user_Password" />
										</td>
									</tr>
									<tr>
										<td width="60" height="40" align="right">&nbsp;</td>
										<td><div class="c4">
												<input type="submit" class="btn2" value="" />
												<s:a href="examinee/toUserRegister.action">注册用户</s:a>
											</div>
										</td>
									</tr>
								</table>
							</form>
						</div>
						<div class="con_t1" id="con_one_2" style="display: none">
							<table width="100%" border="0">
								<tr>
									<td width="200" height="40" align="right">考&nbsp;试&nbsp;中&nbsp;心————></td>
									<td><s:a href="center/login.jsp">通道</s:a></td>
								</tr>
								<tr>
									<td width="200" height="40" align="right">学&nbsp;校&nbsp;通&nbsp;道————></td>
									<td><s:a href="conduction/login.jsp">通道</s:a></td>
								</tr>
							</table>
						</div>
					</div>
				</div>
				<DIV class="img_switch">
					<DIV class="img_switch_content" id="pic">
						<a href="#"> <IMG src="img/toefl.jpg"
							width="1000" height="200"> </a> <a href="#"><IMG
							src="img/jlpt.jpg" width="1000" height="200"> </a> <a
							href="#"><IMG src="img/toeic.jpg"
							width="1000" height="200"> </a> <a href="#"><IMG
							src="img/Gre.jpg" width="1000" height="200"> </a> </a>
						<DIV class="img_switch_text">
							<DIV class="number_nav">
								<UL id="play">
									<LI alt="1" style="background: #f00;">1</LI>
									<LI alt="2" >2</LI>
									<LI alt="3" >3</LI>
									<LI alt="4" >4</LI>
								</UL>
							</DIV>
						</DIV>
					</DIV>
				</DIV>
			</div>
			<div class="box11">
				<h2 class="title1">
					<img src="img/icon1.jpg" />&nbsp;&nbsp;最近考试动态
				</h2>
				<ul class="menu1">
					<s:iterator value="exams1" var="one">
						<li><a href="public/showExamInfo.action?exam_Id=${one.examInfo_Id}">${one.examInfo_Name}</a><span>${one.examInfo_CreateTime}</span>
						</li>
					</s:iterator>
				</ul>
				<div>
					<a href="public/searchExams"
						style="float: right; color: #b05004">>>了解详情</a>
				</div>
			</div>
			<div class="box1">
				<h2 class="title1">
					<img src="img/icon1.jpg" />&nbsp;&nbsp;最新分配考试
				</h2>
				<ul class="menu1">
					<s:iterator value="exams2" var="two">
						<li><a href="public/showExamInfo.action?exam_Id=${two.examInfo_Id}">${two.examInfo_Name}</a><span>${two.examInfo_StartTime}</span>
						</li>
					</s:iterator>
				</ul>
				<div>
					<a href="public/searchExams"
						style="float: right; color: #b05004">>>了解详情</a>
				</div>
			</div>
			<div class="clear"></div>
			<div
				style="background: url(img/bg6.jpg) repeat-x; height: 2px; width: 100%; margin-bottom: 18px; overflow: hidden"></div>
			<div class="box2">
				<div class="img1">
					<img src="img/Android_vs_iOS_4_by_phragmentation.png" width="132"
						height="152" />
				</div>
				<div class="txt">
					<h2>安卓手机客户端</h2>
					<div class="txt2">
						<p>&nbsp;&nbsp;&nbsp;&nbsp;如今国内Android用户普遍，智能手机已经和苹果平分天下。在我的毕业设计《监考安排系统的设计与实现》中对考生和监考人员提供手机Android客户端,以实现对于考生手机端查看个人信息和修改个人信息、申请考试结果查询、考场导航等功能，对于监考人员提供查看个人信息、修改个人信息、监考信息查询、监考事实监控等功能。</p>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="box3">
				<div class="txt3">
					<h2 class="title2">
						<img src="img/icon2.gif" />&nbsp;&nbsp;技术说明
					</h2>
					<img src="img/phone.gif" width="198" height="111" /> 
				</div>
				<div class="img2">
					<a href="#"><img src="img/icon5.gif"
						width="162" height="158" /> </a>
				</div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<div class="foot">
		<div class="foot_nar" align="center">&copy;大连理工大学城市学院软件0801班王天宇毕业设计
			《监考安排系统的设计与实现》 2012年度 All Rights Reserved</div>
		<div class="clear"></div>
	</div>
</body>
</html>